<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1" />
		<title>海口鲁能希尔顿酒店预订</title>
		<meta name="author" content="简游旅行">
		<meta name="copyright" content="简游网络科技股份有限公司">
		<meta name="Keywords" content="海口鲁能希尔顿酒店预订，海口鲁能希尔顿酒店，Hilton Haikou Meilan" />
		<meta name="Description" content="海口鲁能希尔顿酒店位于琼山大道2号" />
		<link rel="shortcut icon" href="images/hotel_img/logo简游.png">
		<link rel="stylesheet" type="text/css" href="css/libcss/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="css/libcss/pgwslider.min.css" />
		<link rel="stylesheet" type="text/css" href="css/libcss/data.css" />
		<link rel="stylesheet" type="text/css" href="css/libcss/lq.datetimepick.css" />
		<link rel="stylesheet" href="https://www.jq22.com/jquery/font-awesome.4.7.0.css">
		<link rel="stylesheet" type="text/css" href="css/libcss/invoice.css" />

		<link rel="stylesheet" type="text/css" href="css/libcss/hotel.css" />
		<!-- 媒体 -->
		<link rel="stylesheet" type="text/css" href="css/libcss/media.css" />
	</head>
	<body>

		<!-- 导航栏 -->
		<nav class="navbar navbar-expand-lg  navbar-light">
			<div class="container">
				<a href="#" class="navbar-brand">
					<img src="images/hotel_img/logo简游.png">
				</a>
				<button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#collapseContent">
					<span class="navbar-toggler-icon"></span>
				</button>
				<div id="collapseContent" class="collapse navbar-collapse">
					<ul class="navbar-nav" style="text-align: center;">
						<li class="nav-item">
							<a href="index.html" class="nav-link">首页</a>
						</li>
						<li class="nav-item">
							<a href="index.html#Photo" class="nav-link">景点相册</a>
						</li>
						<li class="nav-item">
							<a href="index.html#Recommend" class="nav-link">景点推荐</a>
						</li>
						<li class="nav-item">
							<a href="index.html#Cate" class="nav-link">美食推荐</a>
						</li>
						<li class="nav-item active">
							<a href="index.html#Hotel" class="nav-link">酒店推荐</a>
						</li>
						<li class="nav-item">
							<a href="index.html#Dynamic" class="nav-link">最新动态</a>
						</li>
						<li class="nav-item">
							<a href="index.html#Map" class="nav-link">地图导航</a>
						</li>
						<li class="nav-item">
							<a href="index.html#About" class="nav-link">联系我们</a>
						</li>
					</ul>
				</div>
			</div>
		</nav>

		<!-- 面包屑导航 -->
		<div class="container">
			<nav class="breadcrumb">
				<span>您在这里：</span>
				<a href="#" class="breadcrumb-item">首页</a>
				<a href="#" class="breadcrumb-item">住酒店</a>
				<span class="breadcrumb-item active">海口鲁能希尔顿酒店</span>

			</nav>
		</div>
		<!-- 面包屑导航结束 -->

		<!-- 轮播图 -->
		<div class="m container">
			<p class="m_text">海口鲁能希尔顿酒店</p>
			<ul class="pgwSlider">
				<li>
					<img src="images/hotel_img/Hilton1.jpg" alt="海口鲁能希尔顿酒店" data-description="酒店客房每一户均可观海听涛，部分奢华客房及套房，将带给您非凡的视觉体验，俯瞰360 °非常好海景及很赞的尊贵入住体验。">
				</li>
				<li>
					<img src="images/hotel_img/Hilton2.jpg" alt="音乐休闲区">
				</li>
				<li>
					<img src="images/hotel_img/Hilton3.jpg">
					<span>会议厅</span>
				</li>
				<li>
					<img src="images/hotel_img/Hilton4.jpg">
					<span>主题豪华套房</span>
				</li>
				<li>
					<img src="images/hotel_img/Hilton5.jpg">
					<span>音乐餐厅</span>
				</li>
			</ul>
		</div>
		<!-- 轮播图结束 -->

		<!-- 酒店选项卡 -->
		<div class="div_tab">
			<div class="container">
				<ul id="mytabs" class="nav nav-tabs">
					<li class="nav-item">
						<a href="#jieshao" class="nav-link active">酒店信息</a>
					</li>
					<li class="nav-item">
						<a href="#gonglue" class="nav-link">酒店攻略</a>
					</li>
					<li class="nav-item">
						<a href="#bespoke" class="nav-link">酒店预订</a>
					</li>
					<li class="nav-item nav-item-4">
						<a href="#" class="nav-link">网友点评</a>
					</li>
				</ul>
			</div>
		</div>
		<!-- 酒店选项卡结束 -->

		<!-- 酒店信息 -->
		<div id="jieshao" class="jieshao container">
			<div class="row">
				<div class="col-2">
					<p>酒店介绍</p>
				</div>
				<div class="col-10 ">
					<p class="j_text">海口鲁能希尔顿酒店位于琼山大道，地处海口市风景秀丽的东海岸，离集购物、餐饮、娱乐为一体的国兴商业区约15分钟的车程。<br>
						酒店房间里即可欣赏海景或花园景致，还有可观看多个国际频道的42寸液晶电视、保险箱、迷你吧、内置收音机和MP3连接的闹钟。入住行政客房和套房的客人，还可以享位于9层行政酒廊的贴心服务。
						恒温游泳池有儿童游泳池、儿童滑梯，小朋友可以玩得很开心。儿童游乐室设施很齐全，大一点的孩子也能尽情玩乐。
						餐厅和酒吧，提供品种丰富的美食佳饮。户外婚礼场地和32个多功能会议活动场地，包括一个1600平方米的大宴会厅，各类宴会、活动、会议都能在此举行。
						酒店提供前往机场及市区的穿梭巴士服务
					</p>
				</div>
			</div>
			<div class="row">
				<div class="col-2">
					<p>基本信息</p>
				</div>
				<div class="col-10 ">
					<p class="j_text">
						地址：琼山大道2号
						<br><br>
						入住时间: 15:00之后 &nbsp;&nbsp; 离店时间: 12:00之前 &nbsp;&nbsp; 建成于: 2014年 &nbsp;&nbsp; 翻修于: 2015年 &nbsp;&nbsp; 酒店规模: 442间客房
					</p>
				</div>
			</div>
			<div id="gonglue" class="row">
				<div class="col-2">
					<p>酒店攻略</p>
				</div>
				<div class="col-10 ">
					<p class="j_text">
						【 必读 】 <br><br>
						&nbsp;&nbsp;&nbsp;&nbsp;★ 酒店位于琼山大道，地处风景秀丽的东海岸，在房间里即可欣赏海景 <br>
						&nbsp;&nbsp;&nbsp;&nbsp;★ 酒店距离海口美兰国际机场约30分钟车程 <br>
						&nbsp;&nbsp;&nbsp;&nbsp;★ 酒店距离市中心约20分钟车程 <br>
						<br><br>
						【 贴士 】<br><br>
						&nbsp;&nbsp;&nbsp;&nbsp;★ 酒店设有停车场，方便自驾游的蜂蜂 <br>
						&nbsp;&nbsp;&nbsp;&nbsp;★ 酒店提供接机、接站和租车服务，方便蜂蜂们的出行 <br>
						&nbsp;&nbsp;&nbsp;&nbsp;★ 酒店设有儿童乐园与儿童俱乐部，适合带孩子的蜂蜂 <br>
					</p>
				</div>
			</div>
		</div>
		<!-- 酒店信息结束 -->
		
		<!-- 酒店预订 -->
		<div id="bespoke" class="bespoke container">
			<div class="row">

				<!-- 左侧 -->
				<div class="col-8">
					<div class="b_title b_back_radius">
						<span>登录账户预订，享受返现、立减等优惠！</span>
						<input type="button" name="" id="" value="去登录" class="btn btn-danger none" />
					</div>
					<!-- 入住 -->
					<div class="b_ruzhu b_back_radius">
						<div class="m_left">
							<p class="b_ruzhu_top">入住信息</p>
							<div>
								<span class="b_ruzhu_text">主题豪华套房</span>
								<span class="b_ruzhu_radius">&nbsp;&nbsp;双床&nbsp;&nbsp;</span>
								<span class="b_ruzhu_radius">&nbsp;&nbsp;最多可住2人&nbsp;&nbsp;</span>
							</div>
							<!-- 时间日期 -->
							<div class=" m_left_top">
								<p class="ruzhu_p_mtop">2020-06-27 &nbsp;今天 &nbsp;&nbsp;&nbsp;
									至 &nbsp;&nbsp;&nbsp;
									2020-06-28 &nbsp;明天 &nbsp;&nbsp;&nbsp; 共1晚
								</p>
								<div class="inner">
									<div class="service-wrap">
										<div class="main-form">
											<div class="table-form service-form">
												<table width="100%" border="0" cellpadding="0" cellspacing="0" class="table table-cell">
													<tbody>
														<tr>
															<th width="14%"><span>入住时间</span></th>
															<td>
																<div class="form-group float-left w140">
																	<input type="text" name="datepicker" id="datetimepicker1" class="form-control" value="9:00" />
																</div>
																<div class="float-left form-group-txt">至</div>
																<div class="form-group float-left w140">
																	<input type="text" name="datepicker" id="datetimepicker2" class="form-control" value="23:00" />
																</div>

															</td>
														</tr>
														<tr>
															<th><span>日期</span></th>
															<td>
																<div class="form-group float-left w140">
																	<input type="text" name="datepicker" id="datetimepicker3" class="form-control" value="2020-06-27" />
																</div>
															</td>
														</tr>
													</tbody>
												</table>
											</div>
										</div>
									</div>
								</div>
								<!-- 时间日期结束 -->
							</div>

							<!-- 房费 -->
							<div class="row">
								<div class="col-2 ">
									<span class="font_wei">房费早餐</span>
								</div>
								<div class="col-10 ">
									<div class="fangfei_div">
										<div class="fangfei_t">06-27</div>
										<br>
										<div class="fangfei_t1 f_col">￥720</div>
									</div>
									<div class="fangfei_div">
										<div class="fangfei_t">06-27</div>
										<br>
										<div class="fangfei_t1">双早</div>
									</div>
								</div>
							</div>

							<!-- 入住人数 -->
							<div class="row m_left_top">
								<div class="col-2 font_wei">
									入住人数
								</div>
								<div class="col-10">
									2成人 0儿童 如需更改入住人数请至详情页修改
								</div>
							</div>

							<!-- 预定间数 -->
							<div class="row m_left_top yuding ">
								<div class="col-2 font_wei ">
									预定间数
								</div>
								<div id="yuding" class="col-10 yuding_a">
									<a href="javascrip:void(0)" class="text_color">1间</a>
									<a href="javascrip:void(0)">2间</a>
									<a href="javascrip:void(0)">3间</a>
									<a href="javascrip:void(0)">4间</a>
									<a href="javascrip:void(0)">5间</a>
									<a href="javascrip:void(0)">6间</a>
									<a href="javascrip:void(0)">7间</a>
									<a href="javascrip:void(0)">8间</a>
								</div>
							</div>

							<!-- 房间 -->
							<div class="room">
								<div class="room_top">
									<div class="room_top_text">
										房&nbsp;间
									</div>
								</div>
								<div class="form-wrap">
									<p>入住人 1</p>
									<div class="form-input">
										<input type="text" maxlength="128" placeholder="填写1名实际入住人姓名" name="name" class="input">
									</div>
									<p>入住人 2</p>
									<div class="form-input">
										<input type="text" maxlength="128" placeholder="填写1名实际入住人姓名" name="name" class="input">
									</div>
								</div>
							</div>

							<!-- 手机号 -->
							<div class="phone">
								<p class="phone_text ">手机号</p>
								<div class="phone">
									<input type="text" maxlength="128" placeholder="用于接收短信通知" name="name" class="input">
								</div>
							</div>
						</div>
					</div>
					
					<!-- 发票开始 -->
					<div class="b_invoice b_back_radius">
						<div class="panel-group invoice" id="accordion" role="tablist" aria-multiselectable="true">
							<div class="panel panel-default">
								<div class="panel-heading" role="tab" id="headingOne">
									<h4 class="panel-title">
										<a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true"
										 aria-controls="collapseOne">
											发票信息
										</a>
									</h4>
								</div>
								<div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
									<div class="invoice_open">
										<div class="row in_mr_b">
											<div class="col-3">
												<p class="font_wei">发票金额</p>
											</div>
											<div class="col-9">
												<span class="money">￥720</span>
												<br>
												<span>发票金额仅包括实际支付的房费</span>
											</div>
										</div>
										<div class="row invoice_type in_mr_b">
											<div class="col-3">
												<p class="font_wei">发票类型</p>
											</div>
											<div class="col-9 invoice_type_a">
												<a href="javascrip:void(0)" class="invoice_act">电子发票</a>
												<a href="javascrip:void(0)">纸质发票</a>
											</div>
										</div>
										<div class="row invoice_title mb-4">
											<div class="col-3">
												<p class="font_wei">发票抬头</p>
											</div>
											<div class="col-9 title_in">
												<input type="text" maxlength="128" placeholder="请填写抬头名称" name="name" class="input">
											</div>
										</div>
										<div class="row invoice_title in_pad">
											<div class="col-3">
												<p class="font_wei">邮箱地址</p>
											</div>
											<div class="col-9 title_in">
												<input type="text" maxlength="128" placeholder="请填写邮箱地址" name="name" class="input">
											</div>
										</div>
									</div>
								</div>
							</div>

						</div>
						<!-- 发票结束 -->
					</div>
					
					<div class="account">
						<span class="account1 font_wei">扣款说明：</span>
						<br>
						<span class="account2">订单确认后不可取消修改，如未入住或取消修改及提前离店，简游将收取¥720支付酒店。</span>
					</div>
					
					<div class="pay">
						<input type="button" class="pay_input" value="去支付 (￥720)" />
					</div>
					
				</div>

				<!-- 右侧 -->
				<div class="col-4 b_right">
					<div class="b_back_radius">
						<img src="images/hotel_img/feng3.jpg" class="img-fluid">
						<div class="b_text">
							<p clas>海口鲁能希尔顿酒店</p>
							<span>地址：琼山大道2号</span>
						</div>
					</div>
					
					<div class="b_back_radius b_m">
						<div class="b_f">
							<p class="b_f_p">房费</p>
							<div class="b_float b_f_t">
								<span class="float-left">2020-06-27</span>
								<span class="float-right">
									<span class="b_float_sp">￥720</span>
									*1 间房
								</span>
							</div>
						</div>
						<div class="b_float b_z">
							<span class="float-left">在线支付</span>
							<span class="float-right">共 
								<span class="b_float_sp">￥720</span>
							</span>
						</div>
					</div>
				</div>
				<!-- 右侧结束 -->
			</div>
		</div>
		<!-- 酒店预订结束 -->



		<script src="js/lib/jquery.min.js"></script>
		<script src="js/lib/pgwslider.min.js"></script>
		<script src="js/lib/popper.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/lib/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
		<script src='js/lib/selectUi.js' type='text/javascript'></script>
		<script src='js/lib/lq.datetimepick.js' type='text/javascript'></script>
		<script src="js/lib/data.js" type="text/javascript" charset="utf-8"></script>

		<script src="js/lib/hotel.js" type="text/javascript" charset="utf-8"></script>

	</body>
</html>
